import styled from "styled-components";

export const TabsWrapper = styled.div`
  /* display: flex;
  flex-wrap: nowrap; */

  .item {
    box-sizing: border-box;
    flex-basis: 100px;
    flex-shrink: 0;
    margin-right: 16px;
    padding: 10px 15px;
    border-radius: 3px;
    border: 0.5px solid ${props => props.theme.border.primaryColor};
    font-size: 17px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;

    ${ props=>props.theme.mixin.boxShadow}

    &.active {
      background-color: #00848A;
      color: white;
    }
  }
`